<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

  <input type="button" value="按钮" onclick="f1()">

<script>
  /*无参无返回值*/
  function f1(){
    console.log("f1 - 无参无返回值");
  }
  //调用方法
  // f1();

  /*有参无返回值*/
  function f2(name,age){
    console.log("f2 - 有参无返回值");
    console.log(name+","+age);
  }
  // f2("Tom",18);

  /*无参有返回值*/
  function f3(){
    return "这是返回值";
  }
  // let info = f3();
  // console.log(info);

  /*有参有返回值*/
  function f4(x,y){
    return x*y;
  }
  // let result = f4(2,4);
  // console.log(result);

  // 第二种方法声明的方式
  let f5 = function(name,age){
    console.log(name+","+age);
  }
  // f5("Jerry",19);

  // 第三种方法声明的方式
  let f6 = new Function("name","age","console.log(name+':'+age)");
  // f6("Kitty",20);

</script>
</body>
</html>